// 切换
$(function(){
    $(".login-box a").on("click",function(){
        $(".login-box").hide()
        $(".reg-box").show()
    })
    $(".reg-box a").on("click",function(){
        $(".reg-box").hide()
        $(".login-box").show()
    })
})
// 获取form对象
var form = layui.form
form.verify({
   // 自定义了一个pwd的校验规则,校验密码
  // key(规则名称)：value/函数/数组
  pwd:[/^[\S]{6,12}$/,"密码必须6-12位,且不能输入空格"],
//   \S是非空格的意思
// 填入lay-verify中
// 密码再次确认
repwd(value){
   if($(".reg-box [name=password]").val()!==value){
       return "两次输入的内容不一致"
   } 
}
})

// 监听注册表单注册事件的提交
$("#form_reg").on("submit",function(e){
    e.preventDefault() //阻止默认提交事件
    //事件加载函数
    const index = layui.layer.load()
    $.ajax({
        type:"post",
        // 用户名注册提交
        url:`api/reguser`,
        // serialize()：把序列化的值传给ajax()作为url的参数，
        // 轻松使用ajax()提交form表单了，
        // 而不需要一个一个获取表单中的值然后传给ajax()
        // $.post()、$.get()和$.getJSON()也是一样的
        data:$(this).serialize(),
        // 回调函数
        success({status,message}){
            layui.layer.close(index)
            if(status === 0){
                layui.layer.msg("注册成功");
            }else{
                 layui.layer.msg(message);
            }
        }
    })
})

$("#form_login").on("submit",function(e){
    e.preventDefault()  //阻止默认提交事件
    const index = layui.layer.load() //开启进度条，得到一个索引
    $.ajax({
        type:"post",
        // 登录事件提交
        url:`api/login`,
        // serialize()：把序列化的值传给ajax()作为url的参数，
        // 轻松使用ajax()提交form表单了，
        // 而不需要一个一个获取表单中的值然后传给ajax()
        // $.post()、$.get()和$.getJSON()也是一样的
        data:$(this).serialize(),
        // 回调函数
        success({status,message,token}){
            layui.layer.close(index)
            if(status === 0){
                layui.layer.msg("登录成功");
                localStorage.setItem("token",token)
                // 跳转到index.html
                window.location.href ="/index.html"
            }else{
                 layui.layer.msg(message);
            }
        }
    })
})

